<template>
<div>
  <div>
  <img width="375px" src="./img/top.png" alt="">
  </div>
  <!--  -->
  <div>
    <img class="tp2" src="./img/tp2.png" alt="">
  </div>
  <div class="tp33">
    <img class="tp3" src="./img/tp3.png" alt="">
    <img class="tp3" src="./img/tp3.png" alt="">
    <img class="tp3" src="./img/tp3.png" alt="">
    <img class="tp3" src="./img/tp3.png" alt="">
  </div>
  <!--  -->
  <div>
    <p class="zt">RECENT WORK</p>
    <div class="tp33"> 
      <img class="tp3" src="./img/tp4.png" alt="">
      <img class="tp3" src="./img/tp4.png" alt="">
      <img class="tp3" src="./img/tp4.png" alt="">
      <img class="tp3" src="./img/tp4.png" alt="">
    </div>
  </div>
  <!--  -->
  <div>
    <img class="tp4" src="./img/tp5.png" alt="">
  </div>
  <!--  -->
  <div>
    <p class="zt2">WHY CHOOSE US</p>
    <div class="tp33"> 
      <img class="tp6" src="./img/tp6.png" alt="">
      <img class="tp6" src="./img/tp6.png" alt="">
      <img class="tp6" src="./img/tp6.png" alt="">
      <img class="tp6" src="./img/tp6.png" alt="">
    </div>
  </div>
  <!--  -->
  <div>
    <img width="370px" src="./img/tp7.png" alt="">
  </div>
  <!--  -->
  <div>
    <img width="370px" src="./img/tp8.png" alt="">
  </div>
</div>
</template>

<script>
import './css/ys.css'
export default {
  
}
</script>

<style lang="scss">
//sass sass-loader -D
ul{
  list-style:none;
}
a{
  text-decoration:none;
}
</style>
